<!--
 * @Description: 面包屑导航
 * @ComposerRequire: 
 * @ComposerRemove: 
 * @Author: 阿海 <764882431@qq.com>
 * @Date: 2021-06-09 11:16:07
 * @LastEditTime: 2021-06-23 15:56:30
 * @LastEditors: 阿海
-->
<div class="layui-card layadmin-header">
    <span class="layui-breadcrumb" id="layui-breadcrumb">
        
    </span>
</div>

<script>
  
//    创建面包屑 title 最后的标题
   function createBreadcrumb(title){
    var element = layui.element,$ = layui.jquery
                var res = store.get("rules");
                if(res.code != 0){
                    var http = new Request({token_url:api.token_url,async:false,token_store_name:'rules_url'});
                        res = http.request('get',api.rules_url);
                }
                var html = '';
                var hash = location.hash.slice(1);
                // var arr = hash.split(".");;//分割数组
                //     hash = arr[0];//第一步先删除 hash的后缀
                // //如果有“/”删除第一个字符    
                // if(arr[0].indexOf("/") == 0){
                //     hash = arr[0].substr(1);
                // }
                //只有在权限表中 显示效果才有 否则 不予显示

                //当没有使用hash时，使用原生模板页面时，
                if(hash == ''){
                    hash = window.location.pathname
                }  
              
                if(res.code == 0){
                    for(var i=0; i<res.data.length; i++){    
                        if((hash == res.data[i].url))
                        {
                            html += '<a href="'+api.base_url+'#'+res.data[i].name+'">'+res.data[i].title+'</a>';
                            break;
                        }         
                        if(res.data[i]._child != undefined)
                        {
                            for(var j=0; j<res.data[i]._child.length; j++)
                            {
                                if((hash == res.data[i]._child[j].url))
                                {
                                    //'+api.base_url+'#'+res.data[i].url+'
                                    html += '<a href="javascript:;">'+res.data[i].title+'</a><span lay-separator="">/</span>';
                                    html += '<a href="'+api.base_url+'#'+res.data[i]._child[j].url+'"><cite>'+res.data[i]._child[j].title+'</cite></a>';
                                    break;
                                }
                                if(res.data[i]._child[j]._child != undefined)
                                {
                                    for(var index=0; index<res.data[i]._child[j]._child.length; index++){

                                        if((hash == res.data[i]._child[j]._child[index].url))
                                        {
                                            html += '<a href="javascript:;">'+res.data[i].title+'</a><span lay-separator="">/</span>';
                                            html += '<a href="'+api.base_url+'#'+res.data[i]._child[j].url+'">'+res.data[i]._child[j].title+'</a><span lay-separator="">/</span>';
                                            html += '<a href="'+window.location.href+'"><cite>'+title+'</cite></a>';
                                            break;
                                        }
                                    }
                                }
                            }
                        }                       
                    }
                }
               
                $("#layui-breadcrumb").html(html);
   } 
        
</script>